<template>
	<view class="">
		<view class="position-relative" style="height: 3400rpx;">
			<view class="w-100 position-absolute" style="z-index: 10;margin-bottom: 400rpx;">
				<image src="../../static/icon/shuang11.webp" mode="widthFix" class="img"></image>
				<view class="position-absolute w-100"
					style="bottom: 0;height: 180rpx;">
				</view>
			</view>
			<!-- 失效优惠券 -->
			<view @click="yhqClick" class="position-absolute"
				style="margin-left:190rpx;z-index: 20;height: 150rpx;top: 635rpx;width: 48%;background-color: rgba(15,64,153,.5);">
			</view>
			<!-- 商品信息 -->
			<view class="position-absolute" style="margin-left: 76rpx; z-index: 20;top: 1380rpx;width: 76%;background-color: rgba(0,0,0,.5);">
				<view class="w-100" v-for="(item,index) in 3" style="height: 440rpx; border: 1px solid black;margin-bottom: 105rpx;">
				</view>
			</view>
			<view class="w-100 position-absolute" style="z-index: 50; bottom: 0;">
				<botSponsor bgHeight="280rpx"></botSponsor>
			</view>
		</view>
		<view class="position-fixed fixed-bottom" style="height: 110rpx;z-index: 100;">
			<tabsBottom></tabsBottom>
		</view>
	</view>
</template>

<script>
	const app = getApp();
	import tabsBottom from "@/components/tabs/tabs-bottom.vue";
	import botSponsor from "@/components/botsponsor/sponsor.vue"
	export default {
		components: {
			tabsBottom,
			botSponsor
		},
		data() {
			return {

			}
		},
		onLoad() {

		},
		methods: {
			yhqClick(){
				uni.showToast({
					title: '该优惠券已失效',
					icon:"none"
				});
			}
		}
	}
</script>

<style>
</style>